﻿@charset "utf-8";
#reportWrap{
	position: relative;
    width: 100%;
    min-height: 100%;
    height: 100% !important;
    height: 100%;
    background-color: #fff;
    min-width: 320px;
    max-width: 750px;
    margin: auto;
}
#viewReport{
	width: 100%;
    height: 100%;
    position: relative;
}
#viewReport header{
	width: 100%;
}
#viewReport header .headInfor{
	padding: .2rem .78rem .12rem 0;
	margin-left: .86rem;
	position: relative;
	border-bottom: 0.02rem solid #e0e0e0;
	margin-bottom: .04rem;
}
#viewReport header .headInfor .portrait{
	position: absolute;
	width: .96rem;
	height: .96rem;
	top: .16rem;
	left: -.7rem;
    border-radius: 50%;
}
#viewReport header .headInfor .fl p:nth-child(1),
#viewReport header .headInfor .fr p:nth-child(1){
	font-size: .28rem;
	color: #4A4A4A;
	line-height: .4rem;
}
#viewReport header .headInfor .fl p:nth-child(2),
#viewReport header .headInfor .fr p:nth-child(2){
	font-size: .24rem;
	color: #9E9E9E;
	line-height: .34rem;
}
#viewReport header .headInfor .fl{
	text-align: left;
	padding-left: .42rem;
}
#viewReport header .headInfor .fr{
	text-align: right;
	padding-right: .24rem;
}
#viewReport header .headInfor .rightIcon{
	position: absolute;
	width: .56rem;
	height: .64rem;
	top: .24rem;
	right: .22rem;
}
#viewReport header .checkReview{
	padding: .2rem .22rem .12rem .04rem;
	overflow: hidden;
}
#viewReport header .checkReview .left{
	width: 1.2rem;
	border-right: 0.02rem solid #e0e0e0;
	text-align: center;
	padding: .32rem 0;
	float: left;
	box-sizing:border-box;
	height: 1.5rem;
}
#viewReport header .checkReview .left .leftIcon{
	width: .48rem;
	display: inline;
}
#viewReport header .checkReview .left span{
	display: block;
    line-height: .28rem;
    font-size: .2rem;
    margin-top: .08rem;
    color: #018BF0;
}
#viewReport header .checkReview .right{
	width: 5.8rem;
	height: 1.5rem;
	font-size: .24rem;
	color: #646A6F;
	padding-left: .22rem;
	float: left;
	overflow-y: auto;
}
#viewReport header .checkReview .right p{
	line-height: .34rem;
}
#viewReport header .checkReview .right p:first-child{
	line-height: 1;
	margin-bottom: .06rem;
}
#viewReport section {
    width: 100%;
    position: absolute;
    top: 2.94rem;
    bottom: 0;
}
#viewReport nav ul{
	width: 100%;
    background-color: #fff;
    height: .74rem;
    line-height: .72rem;
    box-sizing: border-box;
    border-bottom: .02rem solid #f2f2f2;
    position: relative;
}
#viewReport nav ul .line {
    position: absolute;
    width: 12%;
    height: .08rem;
    background: #018BF0;
    bottom: -.02rem;
    left: 4%;
}
#viewReport nav ul li {
    float: left;
    width: 20%;
    text-align: center;
    height: 100%;
    font-size: .24rem;
    color:#4A4A4A;
}
#viewReport nav ul li.active {
    color: #018BF0;
}
#viewReport .box{
	width: 100%;
    position: absolute;
    top: .74rem;
    bottom: 0;
    overflow-y: auto;
}
#viewReport .box>div{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
    height: auto !important;
    display: none;
}
#viewReport .box>div:nth-child(1){
	display: block;
}
/*=====医生建议部分=====*/
#viewReport .doctorAdvice ul{
	padding-bottom: .64rem;
	padding-left: .24rem;
	font-size: .24rem;
}
#viewReport .doctorAdvice ul li:nth-child(1){
	position: relative;
	border-bottom: 0.02rem solid #E0E0E0;
	padding-left: .98rem;
	padding-bottom: .24rem;
	/*height: 1.22rem;*/
	box-sizing:border-box;
}
#viewReport .doctorAdvice ul li:nth-child(1) img{
	width: .92rem;
	height: .92rem;
	position: absolute;
	top: .23rem;
	left: -.09rem;
    border-radius: 50%;
}
#viewReport .doctorAdvice ul li:nth-child(1) .doc{
	margin-top: .34rem;
}
#viewReport .doctorAdvice ul li:nth-child(1) .doc span{
	display: block;
	line-height: .34rem;
}
#viewReport .doctorAdvice ul li:nth-child(1) .doc span:nth-child(1){
	color: #9E9E9E;
}
#viewReport .doctorAdvice ul li:nth-child(1) .doc span:nth-child(2){
	color: #4A4A4A;
}
#viewReport .doctorAdvice ul li:nth-child(1) .tip{
	width: 5rem;
	/*height: .86rem;*/
	color: #38ABFF;
	margin: .24rem 0 0 .08rem;
	box-sizing:border-box;
	font-size: .22rem;
    line-height: .34rem;
    padding: .1rem .12rem .1rem .24rem;
    position: relative;
    background: url(../img/viewReportIcon2.png) no-repeat;
    background-size: 100% 100%;
}
#viewReport .doctorAdvice ul li:not(.head){
	padding: .18rem .24rem 0 0;
    line-height: .34rem;
    font-size: .24rem;
    color: #646A6F;
}
/*=====体格检查部分 ,检验项目部分，检查项目部分,其他检查部分=====*/
#viewReport .healthCheckup ul,
#viewReport .checkItem ul,
#viewReport .testItem>ul,
#viewReport .otherItems ul{
	padding-bottom: .64rem;
	padding-left: .24rem;
}
#viewReport .healthCheckup ul li,
#viewReport .checkItem ul li,
#viewReport .testItem>ul>li,
#viewReport .otherItems ul li{
	border-bottom: 0.02rem solid #E0E0E0;
	padding-top: .2rem;
	padding-bottom: .22rem;
}
#viewReport .healthCheckup ul li .img,
#viewReport .checkItem ul li .img,
#viewReport .testItem>ul>li .img,
#viewReport .otherItems ul li .img{
	position: absolute;
	right: .24rem;
	top: 0;
	width: .88rem;
	text-align: center;
	margin-left: .24rem;
}
#viewReport .healthCheckup ul li .img img,
#viewReport .checkItem ul li .img img,
#viewReport .testItem>ul>li .img img,
#viewReport .otherItems ul .img img{
	width: .58rem;
	height: .58rem;
	display: inline;
}
#viewReport .healthCheckup ul li .img span,
#viewReport .checkItem ul li .img span,
#viewReport .testItem>ul>li .img span,
#viewReport .otherItems ul li .img span{
	display: block;
	text-align: center;
	font-size: .22rem;
	color: #9E9E9E;
}
#viewReport .healthCheckup li .infor1,
#viewReport .checkItem ul li .infor1,
#viewReport .testItem>ul>li .infor1,
#viewReport .otherItems ul li .infor1{
	position: relative;
}
#viewReport .healthCheckup li .infor1 p,
#viewReport .checkItem ul li .infor1 p,
#viewReport .testItem>ul>li .infor1 p,
#viewReport .otherItems ul li .infor1 p{
	display: inline-block;
}
#viewReport .healthCheckup li .infor1 .case,
#viewReport .checkItem ul li .infor1 .case,
#viewReport .testItem>ul>li .infor1 .case,
#viewReport .otherItems ul .infor1 .case{
	width: 4rem;
}
#viewReport .healthCheckup li .infor1 .date,
#viewReport .checkItem ul li .infor1 .date,
#viewReport .testItem>ul>li .infor1 .date,
#viewReport .otherItems ul li .infor1 .date{
	margin-right: 1.36rem;
}
#viewReport .healthCheckup li .infor1 div:not(.img),
#viewReport .checkItem ul li .infor1 div:not(.img),
#viewReport .testItem>ul>li .infor1 div:not(.img),
#viewReport .otherItems ul .infor1 div:not(.img){
	font-size: .24rem;
	color: #373C40;
	line-height: .38rem;
	margin-bottom: .16rem;
}
#viewReport .healthCheckup li .infor1 div:nth-child(2),
#viewReport .checkItem ul li .infor1 div:nth-child(2),
#viewReport .testItem>ul>li .infor1 div:nth-child(2),
#viewReport .otherItems ul li .infor1 div:nth-child(2){
	margin-right: 1.36rem;
}
#viewReport .healthCheckup li .infor1 div:nth-child(2) i,
#viewReport .healthCheckup li .infor1 .case i,
#viewReport .checkItem ul li .infor1 div:nth-child(2) i,
#viewReport .checkItem li .infor1 .case i,
#viewReport .testItem>ul>li .infor1 div:nth-child(2) i,
#viewReport .testItem>ul>li .infor1 .case i,
#viewReport .otherItems ul li .infor1 div:nth-child(2) i,
#viewReport .otherItems li .infor1 .case i{
	width: .38rem;
}
#viewReport .healthCheckup li .infor1 .case span,
#viewReport .checkItem li .infor1 .case span,
#viewReport .testItem>ul>li .infor1 .case span,
#viewReport .otherItems li .infor1 .case span{
	width: 3.4rem;
	margin-left: .15rem;
}
#viewReport .healthCheckup li .infor1 div:nth-child(2) span,
#viewReport .checkItem ul li .infor1 div:nth-child(2) span,
#viewReport .testItem>ul>li .infor1 div:nth-child(2) span,
#viewReport .otherItems ul li .infor1 div:nth-child(2) span{
	width: 5.35rem;
	margin-left: .15rem;
}
#viewReport .healthCheckup li .infor1 div:not(.img) img,
#viewReport .checkItem ul li .infor1 div:not(.img) img,
#viewReport .testItem>ul>li .infor1 div:not(.img) img,
#viewReport .otherItems ul li .infor1 div:not(.img) img{
	width: .38rem;
	height: .38rem;
	display: inline;
	vertical-align: top;
}
#viewReport .healthCheckup li .infor2,
#viewReport .checkItem ul li .infor2,
#viewReport .testItem>ul>li .infor2,
#viewReport .otherItems ul li .infor2{
	font-size: .24rem;
	line-height: .34rem;
    background-color: #F4F4F4;
    padding: .08rem .24rem .1rem .26rem;
    color: #646A6F;
    overflow: hidden;
}
#viewReport .healthCheckup li .infor2 span,
#viewReport .checkItem ul li .infor2 span,
#viewReport .testItem>ul>li .infor2 span,
#viewReport .otherItems ul li .infor2 span{
    min-width: 50%;
    max-width: 100%;
    height: auto;
    display: block;
    float: left;
}
/*=====检验项目部分=====*/
#viewReport .testItem .infor2{
	background-color: #F4F4F4;
}
#viewReport .testItem .infor2 h5{
	height: .70rem;
    line-height: .70rem;
    font-size: .2rem;
    border-bottom: 0..2rem solid #dfdfdf;
    position: relative;
}
#viewReport .testItem .infor2 h5 img{
	width: .24rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.07rem;
}

#viewReport .testItem .infor2 .table{
	overflow: hidden;
	padding-right: .03rem;
	font-size: .2rem;
	display: none;
}
#viewReport .testItem .infor2 .table>li ul{
	overflow: hidden;
}
#viewReport .testItem .infor2 .table>li li{
	float: left;
    min-height:0.34rem;
}
#viewReport .testItem .infor2 .table .costTitle{
	color: #000;
}
#viewReport .testItem .infor2 .table .outLimit{
	color: red;
}
#viewReport .testItem .infor2 .table>li li.projectName{
    width: 40.60475482912333%;
	text-align: left;
}
#viewReport .testItem .infor2 .table>li li.arrows{
	width: 1%;
	text-align: center;
}
#viewReport .testItem .infor2 .table>li li.checkResult,
#viewReport .testItem .infor2 .table>li li.unit,
#viewReport .testItem .infor2 .table>li li.refValue{
	width: 17.07317073170732%;
	margin-right: 2.67459138187221%;
	text-align: center;
}
#viewReport .testItem .infor2 .table>li li.refValue{
	margin-right: 0;
}

/*=====检查项目部分=====*/
/*=====其他检查部分=====*/
/*=====底部版权======*/
.footer {
    height: .64rem;
    line-height: .64rem;
    clear: both;
    text-align: center;
    color: #9B9B9B;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: .24rem;
}